* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}

.containter {
    color: rgb(255 255 255 / 25%);
    font: 800 6vw/1 sans-serif;
}

.containter span {
    animation: ani 4s linear calc(var(--i) * 300ms) infinite alternate;
}

@keyframes ani {
    to {
        color: #0f0;
        text-shadow:
            0 0 12px #000,
            0 0 16px #0f0,
            0 0 40px #0f0,
            0 0 160vh #0f0,
            0 20px 0 rgb(255 12 170 / 17%),
            0 -20px 0 rgb(145 246 255 / 19%);
        filter: hue-rotate(360deg);
    }
}